﻿.PortalMainMenu
{
}
.PortalMainMenu ul.AspNet-Menu /* Tier 1 */
{
    width: 92em; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
}

.PortalMainMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    top: 100%;
    left: 0;
    color:blue;
}

.PortalMainMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.PortalMainMenu li /* all list items */
{
}

.PortalMainMenu li.AspNet-Menu-Leaf a /* all anchors and spans (nodes with no link) */
{
	background: transparent url('../images/nav_main_left_ALL.gif') no-repeat top left;
	color: #0060a6; /*button text color*/
	font: normal 12px Tahoma; /* Change 12px as desired */
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 5px; /* Width of left menu image */
	text-decoration:  none;
	font-weight:bold;
	cursor: pointer;
	display: block;
	float: left;
}

.PortalMainMenu li.AspNet-Menu-Leaf span /* all anchors and spans (nodes with no link) */
{
	background: transparent url('../images/nav_main_right_ALL.gif') no-repeat top right;
	display: block;
	padding: 5px 10px 7px 5px; /*Set 9px below to match value of 'padding-left' value above*/
	text-decoration: none;
	margin-right:2px;
	float: left;
	font-size: .96em;
}
.PortalMainMenu li.AspNet-Menu-Leaf a:hover{ /* Hover state CSS */
	background: transparent url('../images/nav_main_left_ALL.gif') no-repeat bottom left;
	background-position: -24px left;
}

.PortalMainMenu li.AspNet-Menu-Leaf a:hover span { /* Hover state CSS */
	background: transparent url('../images/nav_main_left_ALL.gif') no-repeat bottom left;
	background-position: -24px right;
	color: white;
	text-decoration: none;
	cursor:pointer;
}

.PortalMainMenu li.AspNet-Menu-Selected a /* all anchors and spans (nodes with no link) */
{
	background: transparent url('../images/nav_main_left_ALL.gif') no-repeat bottom left;
	height: 24px; /* Height of button background height */
	padding-left: 5px; /* Width of left menu image */
	background-position: -24px left;
	display: block;
}
.PortalMainMenu li.AspNet-Menu-Selected span, /* all anchors and spans (nodes with no link) */
.PortalMainMenu li.AspNet-Menu-Leaf a:hover span
{
	background: transparent url('../images/nav_main_right_ALL.gif') no-repeat bottom right;
	background-position: -24px right;
	padding: 5px 10px 7px 5px; /*Set 9px below to match value of 'padding-left' value above*/
	font-size: .96em; /* Change 12px as desired */
	font-weight:bold;
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (now set to 28px) */
	text-decoration: none;
	color:white;
	margin-right:2px;
	float: left;
	display: block;
}

.PortalMainMenu li.AspNet-Menu-Leaf AspNet-Menu-Selected a, /* leaves */
.PortalMainMenu li.AspNet-Menu-Leaf AspNet-Menu-Selected span
{
/*    background-image: none !important;*/
}

.PortalMainMenu li:hover a, /* hovered text */
.PortalMainMenu li:hover span,
.PortalMainMenu li.AspNet-Menu-Hover a,
.PortalMainMenu li.AspNet-Menu-Hover span,
.PortalMainMenu li:hover li:hover a,
.PortalMainMenu li:hover li:hover span,
.PortalMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PortalMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PortalMainMenu li:hover li:hover li:hover a,
.PortalMainMenu li:hover li:hover li:hover span,
.PortalMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PortalMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
}

.PortalMainMenu li:hover li a, /* the tier above this one is hovered */
.PortalMainMenu li:hover li span,
.PortalMainMenu li.AspNet-Menu-Hover li a,
.PortalMainMenu li.AspNet-Menu-Hover li span,
.PortalMainMenu li:hover li:hover li a,
.PortalMainMenu li:hover li:hover li span,
.PortalMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.PortalMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
}

.PortalMainMenu .AspNet-Menu-Selected /* this tier is selected */
{
    /*border: solid 1px #00ff00 !important;*/
}

.PortalMainMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    /*border: solid 1px #00ff00 !important;*/
}

.PortalMainMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    /*border: solid 1px #00ff00 !important;*/
}